<template>
  <div class="todo-content">
    <!-- 待办概览 -->
    <div class="over-view">

    </div>

    <!-- 待办列表 -->
    <div class="todo-main">
      <!-- 待办输入框 -->
      <div class="todo-save">

      </div>

      <!-- 待办列表 -->
      <div class="todo-list">

      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
</script>
<style lang="scss">
.todo-content {
  padding: 20px 20px 20px 10px;
  width: 100%;
  height: 100%;

  .over-view {
    background-color: #fff;
    border-radius: 7px;
    height: 70px;
    line-height: 70px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }

  .todo-main {
    margin-top: 15px;
    background-color: #fff;
    border-radius: 7px;
    height: calc(100vh - 230px);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;


    .todo-list {
      height: calc(100vh - 300px);
      overflow: hidden;
      overflow-y: auto;
      padding-top: 10px;}
  }

}
</style>